﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.master"
    AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MySanArt.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="container_24">
        <div class="grid_24">
            <script type="text/javascript">
                $(window).load(function () {
                    $('#slider').nivoSlider({
                        effect: 'random',
                        slices: 15,
                        animSpeed: 500,
                        pauseTime: 5000,
                        startSlide: 0, //Set starting Slide (0 index)
                        directionNav: true, //Next & Prev
                        directionNavHide: true, //Only show on hover
                        controlNav: true, //1,2,3...
                        controlNavThumbs: false, //Use thumbnails for Control Nav
                        controlNavThumbsFromRel: false, //Use image rel for thumbs
                        controlNavThumbsSearch: '.jpg', //Replace this with...
                        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
                        keyboardNav: true, //Use left & right arrows
                        pauseOnHover: true, //Stop animation while hovering
                        manualAdvance: false, //Force manual transitions
                        captionOpacity: 0.8, //Universal caption opacity
                        beforeChange: function () { },
                        afterChange: function () { },
                        slideshowEnd: function () { }, //Triggers after all slides have been shown
                        prevText: 'Prev',
                        nextText: 'Next'

                    });
                });
                        </script>
            <div class="nivoSlider_wrapper">
                <div id="slider" class="nivoSlider">
                    <a href="#" target="_self">
                        <img src="img/banner_slider_01.jpg" alt="Banner11 for slider" title=" Banner11 for slider"
                            width="989" height="379" />
                    </a><a href="#" target="_self">
                        <img src="img/banner_slider_02.jpg" alt="Banner12 for slider" title=" Banner12 for slider "
                            width="989" height="379" />
                    </a><a href="#" target="_self">
                        <img src="img/banner_slider_03.jpg" alt="Banner13 for slider" title=" Banner13 for slider "
                            width="989" height="379" />
                    </a>
                </div>
            </div>
            <ul class="banner_set">
                <li><a href="#" target="_self">
                    <img src="img/banner_01.jpg" alt="Banner1" title=" Banner1 " width="317" height="206" />
                </a></li>
                <li><a href="#" target="_self">
                    <img src="img/banner_02.jpg" alt="Banner2" title=" Banner2 " width="317" height="206" />
                </a></li>
                <li><a href="#" target="_self">
                    <img src="img/banner_03.jpg" alt="Banner3" title=" Banner3 " width="317" height="206" />
                </a></li>
            </ul>
        </div>
    </div>
</asp:Content>
